<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org" xmlns:shiro="http://www.pollix.at/thymeleaf/shiro">
<head>
    <th:block th:include="include :: header('订单信息列表')" />
</head>
<body class="gray-bg">
     <div class="container-div">
        <div class="row">
            <div class="col-sm-12 search-collapse">
                <form id="formId">
                    <div class="select-list">
                        <ul>
                            <li>
								登录名称：<input type="text" name="loginName"/>
							</li>
							<li>
								手机号码：<input type="text" name="phonenumber"/>
							</li>
                            <li>
                                <a class="btn btn-primary btn-rounded btn-sm" onclick="$.table.search()"><i class="fa fa-search"></i>&nbsp;搜索</a>
                                <a class="btn btn-warning btn-rounded btn-sm" onclick="$.form.reset()"><i class="fa fa-refresh"></i>&nbsp;重置</a>
                            </li>
                        </ul>
                    </div>
                </form>
            </div>

            <div class="col-sm-12 select-table table-striped">
                <table id="bootstrap-table"></table>
            </div>
        </div>
    </div>
    <th:block th:include="include :: footer" />
    <script th:inline="javascript">
    	var datas = [[${@dict.getType('sys_normal_disable')}]];
    	var prefix = ctx + "sj/people";

        $(function() {
            var options = {
          		url: prefix + "/userList",
  		        sortName: "createTime",
  		        sortOrder: "desc",
  		        showSearch: false,
  		        showRefresh: false,
  		        showToggle: false,
  		        showColumns: false,
  		        clickToSelect: true,
  		        rememberSelected: true,
  		        columns: [{
  		        	field: 'state',
  		            checkbox: true
  		        },
  		        {
  		            field: 'userId',
  		            title: '用户ID',
  		            visible: false
  		        },
  		        {
  		            field: 'loginName',
  		            title: '登录名称',
  		            sortable: true
  		        },
  		        {
  		            field: 'userName',
  		            title: '用户名称'
  		        },
  		        {
  		            field: 'email',
  		            title: '邮箱'
  		        },
  		        {
  		            field: 'phonenumber',
  		            title: '手机'
  		        },
  		        {
  		        	field: 'status',
  		        	title: '用户状态',
  		        	align: 'center',
  		        	formatter: function (value, row, index) {
  		        		return $.table.selectDictLabel(datas, value);
  		        	}
  		        },
  		        {
  		            field: 'createTime',
  		            title: '创建时间',
  		            sortable: true
  		        }]
            };
            $.table.init(options);
        });
        
        /* 添加用户-选择用户-提交(子页面调用父页面形式) */
		function submitHandler(index, layero) {
			var rows = layero.find("iframe")[0].contentWindow.getSelections();
			
			if (rows.length == 0) {
       			$.modal.alertWarning("请至少选择一条记录");
       			return;
       		}
			
			if (rows.length > 0) {
       			$.modal.alertWarning("请选择一条记录");
       			return;
       		}
			
			$.modal.close();
		}
        
		/* 添加用户-选择用户-提交(回调形式-父页面调用子页面) */
		function getSelections() {
			return $("#" + table.options.id).bootstrapTable('getSelections');
		}
    </script>
</body>
</html>